<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Product-<?php echo C('site_title');?></title>
<meta name="keywords" content="<?php echo C('site_keyword');?>">
<meta name="description" content="<?php echo C('site_content');?>">
<link rel="stylesheet" href="<?php echo STATICS;?>/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php echo STATICS;?>/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo RES;?>/css/style.css" />

<script src="<?php echo STATICS;?>/js/jquery-1.9.1.min.js"></script>
<script src="<?php echo RES;?>/js/placeholder.js"></script>
<script src="<?php echo RES;?>/js/common.js"></script>
<script type="text/javascript" src="<?php echo RES;?>/js/ljsGlasses.js"></script>
<style>
.carList{clear: both; overflow: hidden;}
.carList .hd{ background-color: #f7f7f7; height: 40px; line-height: 40px; cursor: pointer; border-bottom: 1px #dbdbdb solid;}
.carList .hd p{float: left; margin: 0; padding-left: 10px; font-weight: bold;}
.carList .hd span{float: right; margin: 0; padding-right: 10px;}
.carList .bd{padding: 10px; border: 1px #dbdbdb solid; clear: both; overflow: hidden; display: none;}
.carList .bd table{margin-bottom: 0; font-size: 12px}
</style>
</head>
<body>

<div class="header">
    <div class="mfbox">
        <div class="logo" id="com_logo" editok="online">
            <a href="/"><img style="width: 200px;height: 110px;margin-left: 70px;" src="<?php echo C('site_logo');?>" alt="<?php echo C('site_name');?>" /></a>
        </div>
        <div class="input">
            <div class="language">
                <li class="home">
                    <a href="#" onclick="javascript:setHomePage('<?php echo U('site_url');?>');"> Set Home </a>
                </li>
                <li class="favorite">
                    <a href="#" onclick="javascript:addFavorite('<?php echo U('site_url');?>','<?php echo U('site_name');?>');">Favorites</a>
                </li>
            </div>
            <div class="search">
                <form id="productSearch" name="productSearch" action="<?php echo U('Product/index');?>" method="get">
                    <input type="text" id="keywords" name="keywords" title="Enter the keyword or word you want to find..." value="" />
                    <input type="submit" align="middle" value="go" class="btn1" title="Enter the keyword or word you want to find..." />
                </form>
            </div>
        </div>
    </div>
</div>

<div class="clear"></div>
<script type="text/javascript">
    $(function(){
        $('.menu>li').hover(function(){
            $(this).find('.second-nav').stop().slideDown();
        },function(){
            $(this).find('.second-nav').stop().slideUp();
        })

        $('.second-nav').find('li').hover(function(){
            $(this).find('.third-nav').stop().slideDown();
        },function(){
            $(this).find('.third-nav').stop().slideUp();
        })

        $('.third-nav').find('li').hover(function(){
            $(this).find('.four-nav').stop().slideDown();
        },function(){
            $(this).find('.four-nav').stop().slideUp();
        })
    });
</script>
<div class="navBox">
    <ul class="menu">
        <li><a href="/">HOME</a></li><li><a href="<?php echo U('Product/index');?>">PRODUCT</a></li>
        <li><a href="<?php echo U('About/index');?>">Guideline and Tips</a></li>
        <li>
            <a href="<?php echo U('News/index',array('cateID'=>11));?>">News</a>
            <ul class="second-nav">
                <li class="third-nav">
                    <a href="<?php echo U('News/index',array('cateID'=>71));?>">Industry news</a> 
                </li>
                <li class="third-nav">
                    <a href="<?php echo U('News/index',array('cateID'=>72));?>">Enterprise news</a>
                </li>
            </ul>
        </li>
        <li><a href="<?php echo U('Contact/feedback');?>">Contract us</a></li>
    </ul>
</div>


<div class="inBanner"><h1>PRODUCT</h1></div>

<div class="mfbox inBox">
	<div class="leftMenu">
		<?php
 foreach ($proMenu as $key => $val1) { echo '<li><a href="">'.$val1['name'].'</a>'; echo '<ul>'; foreach ($val1['childrens'] as $key => $val2) { if ($val2['childrens']) { echo '<li><a href="javascript:void(0)" onclick="show(this)">'.$val2['name'].'</a>'; }else{ echo '<li class="fenlei"><a href="'.U('Product/index',array('cateID'=>$val2['id'])).'">'.$val2['name'].'</a>'; } echo '<ul style="display:none">'; foreach ($val2['childrens'] as $key => $val3) { if($list['id']==$val3['id']){ echo '<li class="active">'; }else{ echo '<li>'; } if ($val3['childrens']) { echo '<a href="javascript:void(0)" onclick="show(this)">'.$val3['name'].'</a>'; }else{ echo '<a href="'.U('Product/index',array('cateID'=>$val3['id'])).'">'.$val3['name'].'</a>'; } echo '<ul style="display:none">'; foreach ($val3['childrens'] as $key => $val4) { if($list['id']==$val4['id']){ echo '<li class="active">'; }else{ echo '<li>'; } echo '<a href="'.U('Product/index',array('cateID'=>$val4['id'])).'">'.$val4['name'].'</a>'; echo '</li>'; } echo '</ul>'; echo '</li>'; } echo '</ul>'; echo '</li>'; } echo '</ul>'; echo '</li>'; } ?>
	</div>

	<div class="productInfoBox">
		<div style="clear: both; overflow: hidden; margin-bottom: 15px">
				<div class="goodsImage">
					<div id="showbox">
						<?php if(is_array($image)): $i = 0; $__LIST__ = $image;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><img src="<?php echo ($vo["url"]); ?>" width="<?php echo ($vo["width"]); ?>" height="<?php echo ($vo["height"]); ?>" /><?php endforeach; endif; else: echo "" ;endif; ?>
					</div><!--展示图片盒子-->
					<div id="showsum"></div><!--展示图片里边-->
					<p class="showpage">
				  		<a href="javascript:void(0);" id="showlast"> < </a>
				  		<a href="javascript:void(0);" id="shownext"> > </a>
					</p>
				</div>
				<script type="text/javascript">
				  $(document).ready(function(){
					  var showproduct = {
						  "boxid":"showbox",
						  "sumid":"showsum",
						  "boxw":400,//宽度,该版本中请把宽高填写成一样
						  "boxh":400,//高度,该版本中请把宽高填写成一样
						  "sumw":60,//列表每个宽度,该版本中请把宽高填写成一样
						  "sumh":60,//列表每个高度,该版本中请把宽高填写成一样
						  "sumi":7,//列表间隔
						  "sums":5,//列表显示个数
						  "sumsel":"sel",
						  "sumborder":1,//列表边框，没有边框填写0，边框在css中修改
						  "lastid":"showlast",
						  "nextid":"shownext"
						  };//参数定义	  
					 $.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
				  });
				</script>
				<div class="goodsBase">
					<h1><?php echo ($list["name"]); ?></h1>
					<?php if(is_array($intr)): $i = 0; $__LIST__ = $intr;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><p><?php echo ($vo); ?></p><?php endforeach; endif; else: echo "" ;endif; ?>

					<!-- <div class="share">
						                    <div id="share_box">
							<span class='st_sharethis_large' displayText='ShareThis'></span>
							<span class='st_facebook_large' displayText='Facebook'></span>
							<span class='st_twitter_large' displayText='Tweet'></span>
							<span class='st_linkedin_large' displayText='LinkedIn'></span>
							<span class='st_pinterest_large' displayText='Pinterest'></span>
							<span class='st_email_large' displayText='Email'></span>
					
					
							<script type="text/javascript">var switchTo5x=true;</script>
							<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
							<script type="text/javascript">stLight.options({publisher: "b47395a0-f60c-4bf7-8712-7f4e085b4ed8", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
						</div>
						                </div>
					
					
					<h2>Telephone<span><?php echo C('site_tel');?></span></h2> -->
				</div>
			</div>
			<!-- <div class="panel panel-default">
				<div class="panel-heading">Characteristic</div>
				<div class="panel-body">
				<?php echo ($list["texing"]); ?>
				</div>
			</div>
			
			<div class="panel panel-default">
				<div class="panel-heading">Product features</div>
				<div class="panel-body">
				<?php echo ($list["tedian"]); ?>
				</div>
			</div> -->
			
			<div class="panel panel-default">
				<div class="panel-heading">Applicable Models</div>
				<div class="panel-body">
					<?php if(is_array($car)): $i = 0; $__LIST__ = $car;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="carList">
						<div class="hd"><p><?php echo ($vo["brandName"]); ?> <?php echo ($vo["carName"]); ?></p><span><?php echo ($vo["year"]); ?></span></div>
						<div class="bd">
							<table class="table table-condensed">
						    	<thead>
						        	<tr>
						          	<th>车型</th>
						          	<th>发动机</th>
						          	<th>底盘</th>
						          	<th>CC</th>
						          	<th>KW</th>
						          	<th>类型</th>
						          	<th>缸数</th>
						          	<th>年款</th>
						        	</tr>
						    	</thead>
						    	<tbody>
						    		<?php if(is_array($vo["info"])): $i = 0; $__LIST__ = $vo["info"];if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$f): $mod = ($i % 2 );++$i;?><tr>
						    			<td><?php echo ($f["name"]); ?></td>
						    			<td><?php echo ($f["fadongji"]); ?></td>
						    			<td><?php echo ($f["dipan"]); ?></td>
						    			<td><?php echo ($f["cc"]); ?></td>
						    			<td><?php echo ($f["kw"]); ?></td>
						    			<td><?php echo ($f["type"]); ?></td>
						    			<td><?php echo ($f["gangshu"]); ?></td>
						    			<td><?php echo ($f["year"]); ?></td>
						    		</tr><?php endforeach; endif; else: echo "" ;endif; ?>
						    	</tbody>
    						</table>
						</div>
					</div><?php endforeach; endif; else: echo "" ;endif; ?>
				</div>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">Product introduction</div>
				<div class="panel-body">
				<?php echo (htmlspecialchars_decode($list['content'])); ?>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
$(function(){
	$(".carList .bd:eq(0)").show();
	$(".carList .hd").click(function(){
		var o = $(this).next();
		if(o.is(":hidden")){
			o.show();
		}else{
			o.hide();
		}
	});
})
function show(obj){
	alert('22');
	var $ul = $(obj).next("ul");
	if($ul.is(':visible')){
		$ul.stop().slideUp();
	}else{
		$ul.stop().slideDown();
	}
}
$(function(){
	li = $(".leftMenu li.active");
	li.parent("ul").show();
	li.parent().parent().parent("ul").show();
})
</script>


<footer class="footer">
	<p><?php echo C('copyright');?></p>
	<p><?php echo C('site_address');?></p>
	<p><?php echo C('site_tel');?></p>
	<p><?php echo C('site_fax');?></p>
	<p><?php echo C('site_email');?></p>
</div>

<!-- <div class="kefu">
	<div class="hd"><span id="close"></span></div>
	<div class="bd">
		<li>
			<a href="skype:xlpowerbattery@hotmail.com" onclick="return skypeCheck();">
				<img src="<?php echo RES;?>/image/small_white_online.png">
				<span class="txt">xlpowerbattery</span>
			</a>
		</li>
		<li>
			<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=752260275&amp;Site=公司名称&amp;Menu=yes">
				<img src="<?php echo RES;?>/image/1.gif">
				<span class="txt">Kelly</span>
			</a>
		</li>
	</div>
	<div class="fd"></div>
</div> -->
<script>
$(function(){
	$("#close").click(function(){
		$(".kefu").hide();
	});
})
</script>
</div>      
</body>
</html>